<?php if(!class_exists("View", false)) exit("no direct access allowed");?><!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>鲲|人本服务集合平台</title>
    <!-- zui -->
    <link href="http://p1.renbenzhihui.com/zui/css/zui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://p1.renbenzhihui.com/zui/css/zh-cn.default.css" type="text/css" media="screen">
    <style>
        #featurebar ul.nav li .chosen-container a.chosen-single{background:#F8FAFE; border:none; -webkit-box-shadow:none;box-shadow:none; padding-top:5px;}
        .w-verifyPassword {width: 120px !important;}
        .w-enVerifyPassword {width: 150px !important;}
        body {background: #1183fb linear-gradient(-90deg, #0a48d1 0%, #1183fb 100%); background-color: #1183fb;}
        #login {max-width: 600px!important; margin: 0 auto; margin-top: 5%;}
        #loginPanel {background: #fff; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); border-radius: 3px;}
        #loginPanel > header {padding: 20px; border-bottom: 1px #eee solid; position: relative;}
        #loginPanel > header > h2 {font-size: 16px; margin: 0; line-height: 32px; max-width: 83%;}
        #loginPanel > header > .actions {position: absolute; right: 20px; top: 20px;}
        #loginPanel > .table-row {margin: 20px 0;}
        #loginPanel .table-form > tbody > tr > th {width: 60px;}
        html[lang='en'] #loginPanel .table-form > tbody > tr > th {width: 80px;}
        #loginPanel form {margin-right: 40px;}
        #loginPanel > footer {background: #eee; padding: 20px; color: #838a9d}
        #loginPanel > footer a {display: inline-block; margin-left: 5px;}
        #info {margin-top: 10px; color: #fff;}
        #info .btn + .btn {margin-left: 5px;}
        #langs > .btn,
        #langs > .dropdown-menu {min-width: 0; width: 85px;}
        #logo-box img{margin-left:40px; width: 100px;}
        .error {color: red;}
        .warning {color: darkorange;}
    </style>
</head>
<body>

        <div class="container" id="login">
          <div id="loginPanel">
            <header>
              <h2>鲲|人本服务集合平台</h2>              
            </header>
            <div class="table-row">
              <div class="col-4 text-center" id='logo-box'>
                <img src="/i/img/zt-logo.png" />
              </div>
              <div class="col-8">
                <form method='post' id="loginform" target='hiddenwin'>
                  <table class='table table-form'>
                    <tbody>
                      <tr>
                        <th>手机号</th>
                        <td><input class='form-control' type='text' name='account' id='account' autofocus /></td>
                      </tr>
                      <tr>
                        <th>验证码</th>
                        <td>
                            <div class="row">
                                <div class="col-xs-7">
                                    <input class='form-control' type='text' name='valcode' id='valcode' />
                                </div>
                                <div class="col-xs-5" id="codebox">
                                    输入正确手机号获取验证码
                                </div>
                            </div>
                        </td>
                      </tr>                      
                      <tr>
                        <th>手机验证码</th>
                        <td>
                            <div class="row">
                                <div class="col-xs-7">
                                    <input class='form-control' type='text' name='phonevalcode' id='phonevalcode' />
                                </div>
                                <div class="col-xs-5">
                                    <input type="button" class="form-control btn sendcode" value="发送验证码" />
                                </div>
                            </div>
                        </td>
                      </tr>                     
                      <tr>
                        <td></td>
                        <td class="form-actions">
                         <button type='submit' id='submit' class='btn btn-primary'>登录</button>   
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </form>
              </div>
              
            </div>
                </div>
          <div id="info" class="table-row">
            <div class="table-col text-middle text-center">
              <div id="poweredby">
                         
                        </div>
            </div>
          </div>
        </div>
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="http://p1.renbenzhihui.com/zui/lib/jquery/jquery.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="http://p1.renbenzhihui.com/zui/js/zui.min.js"></script>
    <script src="http://p1.renbenzhihui.com/utils/js/jquery-validate/dist/jquery.validate.min.js"></script>
    <script src="/i/js/util.js"></script>
    <script src="/i/js/login.js"></script>
</body>

</html>